<!-- 视图 -->
<div class="card glass-card mt-4">
    <div class="card-header bg-dark text-white">
        <h5 class="card-title mb-0">
            <i class="fas fa-desktop me-2"></i>&ensp;视图
        </h5>
    </div>

    <div class="card-body">
        <div class="form-label d-flex align-items-center  mb-3">
            <label class="flex-grow-1" for="showYiYan">
                显示一言
            </label>
            <input type="checkbox" id="showYiYan" name="showYiYan" data-size="small" data-on-color="success" data-off-color="info" data-on-text="开启" data-off-text="关闭" checked>
        </div>
        <div class="form-label d-flex align-items-center mb-3">
            <label class="flex-grow-1" for="showPopularSites">
                显示热门网站
            </label>
            <input type="checkbox" id="showPopularSites" name="showPopularSites" data-size="small" data-on-color="success" data-off-color="info" data-on-text="开启" data-off-text="关闭" checked>
        </div>
        <div class="form-label d-flex align-items-center mb-3">
            <label class="flex-grow-1" for="showNotify">
                显示通告
            </label>
            <input type="checkbox" id="showNotify" name="showNotify" data-size="small" data-on-color="success" data-off-color="info" data-on-text="开启" data-off-text="关闭" checked>
        </div>
        <div class="form-label d-flex align-items-center  mb-3">
            <label class="flex-grow-1" for="showWallpaperButtons">
                显示壁纸切换按钮
            </label>
            <input type="checkbox" id="showWallpaperButtons" name="showWallpaperButtons" data-size="small" data-on-color="success" data-off-color="info" data-on-text="开启" data-off-text="关闭" checked>
        </div>
    </div>
</div>
<!-- 视图 end -->
